<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>canvas library for HTML5 - </title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script src="js/canvaslib.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		//start by getting 2d context of the id "canvas"
		// draw.Start( ID of the canvas);
		draw.Start("canvas");
		// draw.rectangle ( X , Y , width, height , [fill color ] optional);
		draw.rectangle(120,120,400,150);
		// draw.square ( X , Y , width , [fill color] optional);
		draw.square(200,80,200,"green");	
		// draw.spiral ( X,Y , number of spirals , space inbetween spirals , [color of the spiral] optional);
		draw.spiral(120,120,50,1,"red");
		//draw.cirlce ( X , Y , RADIUS , [fill color] optional);
		draw.circle(50,50,40,"red");
		//draw.text ( X , Y , , TEXT , [font weight , size , type ] optional ,[fill color] optional);
		draw.text(90,50,"[text] using canvaslib","bold 40px sans-serif","green");	
		//draw.image( X , Y , source of the image LOCALLY)
		draw.image(300,300,"maze.gif");
	});
	</script>
</head>
<body>
	<canvas id="canvas" width="600" height="600"></canvas>
</body>
</html>
